﻿/* CSS for Vertical Menu */
.cssmenu {
  padding: 0;
  margin: 0;
  border: 0; }

.cssmenu ul, .cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0; }

.cssmenu ul {
  position: relative;
  z-index: 597; }

.cssmenu ul li {
  min-height: 1px;
  line-height: 1em; }

.cssmenu a {
  display: block;
  text-decoration: none; }

/* Custom CSS Styles */
.cssmenu {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  width: 160px; }
  .cssmenu ul {
    background: url();
    background-color: #F1F1F1;
    background-image: -webkit-linear-gradient(top, white, whitesmoke);
    background-image: -moz-linear-gradient(top, white, whitesmoke);
    background-image: -o-linear-gradient(top, white, whitesmoke);
    background-image: linear-gradient(white, whitesmoke);
    border: 1px solid #CCC;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
    
    .cssmenu li:hover
    {
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

        }
  .cssmenu li {
    border-bottom: 1px solid #CCC;
    -moz-box-shadow: 0 1px 0 white;
    -webkit-box-shadow: 0 1px 0 white;
    box-shadow: 0 1px 0 white;
    padding: 1px; }
    .cssmenu li:last-child, .cssmenu li.last {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-bottom: 0 none; }
    .cssmenu li.active {
      -moz-box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
      box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.25);
      background: url();
      background-image: -webkit-linear-gradient(top, #6dc864, #4cb841);
      background-image: -moz-linear-gradient(top, #6dc864, #4cb841);
      background-image: -o-linear-gradient(top, #6dc864, #4cb841);
      background-image: linear-gradient(#6dc864, #4cb841);
      position: relative;
      left: -8px;
      width: 170px; }
      .cssmenu li.active a {
        border: 1px dashed #90d58a;
        border: 1px dashed rgba(255, 255, 255, 0.25);
        border-right: 0 none;
        position: relative;
        color: #FFF;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
      .cssmenu li.active:before, .cssmenu li.active:after {
        content: ''; }
      .cssmenu li.active:before {
        z-index: 1;
        width: 0px;
        height: 0px;
        position: absolute;
        left: 0;
        bottom: -5px;
        border-style: solid;
        border-width: 0 8px 5px 0;
        border-color: transparent #3c9234 transparent transparent; }
      .cssmenu li.active:after {
        background: url() no-repeat;
        display: block;
        height: 38px;
        width: 24px;
        position: absolute;
        right: -24px;
        top: 0px;
        z-index: 1; }
  .cssmenu a {
    border: 1px solid transparent;
    color: #444;
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
    text-align: right;
    text-overflow: ellipsis; }
